Aby struktura drzewiasta (podmenu) była widoczna na Twojej stronie w Joomli 6, musisz odpowiednio skonfigurować moduł menu.

Oto instrukcja krok po kroku, jak to zrobić:

1. Przejdź do konfiguracji modułu

1. Zaloguj się do panelu administracyjnego Joomli 6.

2. W menu bocznym wybierz Artykuły i zawartość (Content), a następnie Moduły witryny (Site Modules).

3. Znajdź na liście moduł odpowiadający za Twoje menu główne (zazwyczaj nazywa się po prostu Main Menu lub Menu główne) i kliknij w niego, aby przejść do edycji. jeśli go nie ma, kliknij Nowy (New) i wybierz typ modułu Menu.

2. Ustaw parametry wyświetlania drzewa

W zakładce Moduł zwróć uwagę na trzy kluczowe opcje:

• Poziom początkowy (Base Item / Start Level): Ustaw na 1. Oznacza to, że menu zacznie wyświetlać się od najwyższego poziomu (głównych pozycji).

• Poziom końcowy (End Level): Zmień na Wszystko (All) lub wybierz konkretny poziom (np. 3 lub 4), do którego drzewo ma się rozwijać. Jeśli zostawisz wartość 1, Joomla wyświetli tylko główne pozycje, ukrywając podmenu.

• Pokaż pozycje podmenu (Show Sub-menu Items): Przełącz tę opcję na Tak (Yes). To najważniejszy krok – bez tego ukryte poziomy drzewa nie zostaną wygenerowane w kodzie strony.

3. Zapisz zmiany i sprawdź szablon

1. Kliknij Zapisz i zamknij (Save & Close).

2. Odśwież swoją stronę internetową.

⚠️ Ważna uwaga dotycząca szablonu (Template)

To, jak drzewo menu zaprezentuje się na stronie (np. czy będzie to klasyczne menu rozwijane typu drop-down, czy pionowe drzewo z plusikami), zależy w 100% od stylów CSS i skryptów Twojego szablonu.

• Jeśli Twój szablon obsługuje menu wielopoziomowe, po włączeniu powyższych opcji podmenu automatycznie zacznie działać poprawnie.

• Jeśli pozycje podmenu wyświetlają się "jedna pod drugą" w brzydki sposób, oznacza to, że szablon wymaga dodatkowego ostylowania lub włączenia dedykowanej funkcji dla menu w ustawieniach samego szablonu.

W domyślnym szablonie Cassiopeia (standardowym dla Joomli 4, 5 oraz 6) obsługa struktury drzewiastej w menu głównym jest bardzo prosta. Domyślny styl modułu Joomli ukrywa podmenu, dlatego musisz wskazać modułowi, by korzystał z wbudowanych funkcji graficznych Cassiopeia. [1, 2, 3, 4]

Oto dwie rzeczy, które musisz zmienić w edycji swojego modułu menu (Artykuły i zawartość -> Moduły witryny -> Menu główne):

1. Włącz układ z szablonu Cassiopeia (Kluczowe!)

Domyślnie Joomla używa podstawowego kodu, który ignoruje wielopoziomowość. Aby to zmienić: [1]

1. W edycji modułu przejdź do zakładki Zaawansowane (Advanced). [1]

2. Znajdź pole Układ (Layout). [1]

3. Z listy rozwijanej zamiast opcji domyślnej (Z modułu / Default) wybierz jedną z opcji sekcji Z szablonu Cassiopeia (From Cassiopeia Template):

   • Collapsible Dropdown (Rozwijane menu harmonijkowe): Najlepszy wybór. Na komputerach wyświetli podmenu po kliknięciu/najechaniu, a na smartfonach schowa całe menu pod ikonę "hamburgera".

   • Dropdown (Rozwijane): Wyświetla podmenu, ale na telefonach menu od razu pokazuje się jako długa pionowa lista (nie chowa się w ikonie hamburgera). [1, 2, 3]

2. Przenieś menu na właściwą pozycję (Jeżeli jeszcze tego nie zrobiono)

Standardowo po instalacji Joomli menu główne znajduje się w pozycji sidebar-right (prawa kolumna) jako zwykła lista pionowa. Aby uzyskać ładny, poziomy pasek nawigacji z drzewem drop-down na górze strony: [1]

1. W zakładce Moduł po prawej stronie znajdź pole Pozycja (Position).

2. Zmień pozycję na Menu [menu].

3. (Opcjonalnie) W zakładce Zaawansowane możesz zmienić Znacznik modułu (Module Tag) na nav. [1]

Po zapisaniu zmian (Zapisz i zamknij) Twoje drzewo menu zacznie działać jako w pełni responsywne, rozwijane menu górne. [1]

Daj znać, czy po zmianie układu w zakładce Zaawansowane menu zaczęło się poprawnie rozwijać. Jeśli chcesz zmienić zachowanie menu (np. aby podmenu otwierało się po najechaniu myszką, a nie dopiero po kliknięciu), mogę podpowiedzieć, jaki kod CSS dopisać do pliku szablonu. Zechcesz to zmienić?